<template>
  <div>
    <el-row>
      <el-col span="2">&nbsp;</el-col>
      <el-col span="14">
        <el-card style="width:350px">
          <div slot="header" class="clearfix">
            <i class="el-icon-menu"></i>
            <span>现有系统菜单</span>
          </div>
          <el-row v-for="menu in menuRoutes" :key="menu.path">
            <el-col span="8" style="height: 40px;width: 300px">
              <router-link :to="menu.path">{{ menu.name }}</router-link>
            </el-col>
          </el-row>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script type="text/javascript">

export default {
  data() {
    return {
      menuRoutes: []
    };
  },
  created() {
    this.demo();
    this.menuRoutes = this.$router.options.routes;
    console.log(this.$router.options.routes);
  },
  methods: {
    demo() {
      console.log("测试");
    }
  }
};
</script>

<style type="text/css" scoped>
</style>
